/*Front end soha game*/
/* cơ bản bình thường sẽ dùng phần dưới này*/
/*clearfix*/
.cf:before, .cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}
/*class reset tag*/
.rs{ margin:0; padding:0 } h1.rs, h2.rs, h3.rs, h4.rs{ font-size:100% }ul.rs{ list-style:none }
img {border:none} a,input{outline:none} a{text-decoration:none}
/*font-style*/
.fBo{ font-weight:bold }.fNo{ font-weight:normal }.fSi{ font-style:italic }.fSn{ font-style:normal}
/*display*/
.inCute{ display:inline !important;}.inbCute{display:inline-block !important;}.showCute{display:block !important;}.hideCute{display:none !important;}
/*absolute,static,relative*/
.pAbs{position:absolute}.pRel{position:relative}.pSta{position:static}
/*float*/
.fll{float:left}.flr{float:right}.fln{float:none}
/*text and align*/
.textAr{text-align:right}.textAc{text-align:center}.textAj{text-align:justify}.textAl{text-align:left}
/*cutebox extension created by TT97IT*/
.cutebox{letter-spacing:-0.31em; *letter-spacing:normal;word-spacing:-0.43em; display:block}.cuteCol{vertical-align:top;display:inline-block; letter-spacing:normal; word-spacing:normal; zoom:1; *display:inline}.cuteCol{display:inline;float:left}
.cutebox2{font-size:0rem;word-spacing:-1em;display:block}.cuteCol2{display:inline-block;font-size:1rem;vertical-align:top;word-spacing:normal;*display:inline;zoom:1}
.cutebox3:before,.cutebox3:after{content:""; display:table} .cutebox3:after{clear:both}.cutebox3{zoom:1}.cuteCol3{float:left;display:block}
/*form*/
input[type="checkbox"]{ margin:0; vertical-align:-2px }
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner{border:0 !important; padding:0 !important;outline:none;}

input[type="text"]:focus{border-color: rgba(82, 168, 236, 0.8);outline: 0;outline: thin dotted \9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6)}


button::-moz-focus-inner { padding:0; border:0;outline:none} /* FF Fix */
button{-webkit-border-fit:lines;} /* <- Safari & Google Chrome Fix */
/**/
.fixCen{margin:0 auto;width:1000px}
button.btnBlue{margin:0;border:none;padding: 0;}
button.btnBlue span{background:url(../images/bg-btn-blue.png) repeat-x;border:solid 1px #12457f;font-weight:bold;color:#fff;font-size:11px;padding:0 10px;height:20px;line-height:20px;display:block}

button.btnGreen{margin:0;border:none;padding: 0;}
button.btnGreen span{background:url(../images/bg-btn-green.png) repeat-x;border:solid 1px #12457f;font-weight:bold;color:#fff;font-size:11px;padding:0 10px;height:20px;line-height:20px;display:block}


html,body{margin:0;padding:0}/*remove line if page building not use frame*/
body.noframe{overflow:auto}
/*navtop*/
.sohagame-navtop-full{background:url(../images/bg-navtop.jpg) repeat-x 0 0; font-size:12px; font-family:Arial, Helvetica, sans-serif;min-width:1000px}
.sohagame-navtop-full a{ text-decoration:none }
.sohagame-navtop-full a:hover{color:#53911D;text-decoration:none}
.sohagame-navtop-full img {border:none}
.sohagame-navtop-full .hide {display:none}
.sohagame-navtop{margin:0 auto; height:30px; position:relative;z-index:9998;width:980px}
.sohagame-navtop > h2{position:absolute;top:3px;left:10px;margin:0}
.sohagame-navtop .sohagame-soha-logo{ background:url(../images/logo_toolbar.png) no-repeat; width:116px; height:23px; display:block; text-indent:-20000px }
.sohagame-navtop ul.sohagame-lst-menugame{ position:absolute;left:143px;top:0;display:block;margin:0;padding:0}
ul.sohagame-lst-menugame li{ background:url(../images/space-dot.png) no-repeat; display:block; float:left; height:26px }
ul.sohagame-lst-menugame li:first-child{ background:none }
ul.sohagame-lst-menugame li a{ color:#252525; display:block; font-weight:bold; line-height:29px; padding-left:20px; padding-right:20px; text-decoration:none; position:relative }
ul.sohagame-lst-menugame li.sohagame-current-page a img{ vertical-align:-3px; }
ul.sohagame-lst-menugame li.sohagame-games{ position:relative; margin-right: 12px;}

.sohagame-games a .sohagame-icon-expand{ background:url(../images/ico-expand.png) no-repeat 0 0; display:block; width:7px; height:4px; position:absolute; top: 14px; right: 7px;}
ul.sohagame-lst-mngames{ display:none; background:#fff; border:1px solid #cbcbcb; border-bottom:none; border-top:none; top:29px; left:13px; position:absolute; z-index:10; width:180px}
.sohagame-games:hover ul.sohagame-lst-mngames{display:block;margin:0}
ul.sohagame-lst-mngames li{ background:none; display:block; float:none; border-bottom:1px solid #d7d7d7; height:auto }
ul.sohagame-lst-mngames li a{ display:block; padding:6px 10px; line-height:1 }
ul.sohagame-lst-mngames li a img{ vertical-align:-2px; margin-right:5px; }
ul.sohagame-lst-mngames li a:hover{ background:#f4f4f4 }


.sohagame-navtop .sohagame-box-login{ display:block; color:#707070; position:absolute; right:10px; top:0 }
.sohagame-box-login a{ color:#707070;}
.sohagame-box-login .spaceLine{ padding:0 7px }
.sohagame-box-login .loginText {margin-top: 6px;}
.sohagame-box-login .beforeLogin {margin-top: 4px;}
img[class|='inav']{background-image:url(../images/sprite-navtop-soha-game.png);background-repeat:no-repeat;vertical-align: -7px;margin-left: 4px;}
img[class|='inav'].inav-facebook {background-position:0 0;width:22px;height:22px;margin-left:10px}
.inav-google {background-position:-22px 0;width:22px;height:22px;}
.inav-yahoo {background-position:-66px 0;width:22px;height:22px}
.inav-mingid {background-position:-44px 0;width:22px;height:22px}

.sohagame-navtop .box-login-after{ display:block; position:absolute; right:10px; top:6px }
.box-login-after a{ color:#707070 }
.box-login-after .sohagame-link-profile{ color:#363636; font-weight:bold; margin:0 5px}
.sohagame-link-profile img{ vertical-align:-4px; border:1px solid #e2e2e2; margin-right:5px }
.box-login-after .sohagame-space{ margin-right:5px }

.sohagame-games:hover .sohagame-listGame{ display:block}
.sohagame-listGame{ display:none; border:1px solid #ddd; background:#FFF; white-space:nowrap; width:879px; font-size:11px; position:absolute; top:29px; left:-125px; z-index:30 }
.sohagame-listGame .mngame-group{ display:block; padding:0 0 5px 17px; vertical-align:top; white-space:nowrap; width:155px; float:left }
div.mngame-group h2{border-bottom:1px solid #D7D7D7;margin:0;padding:7px 0; position:static; }
div.mngame-group h2 > a{ color:#363636; display:inline; line-height:normal; padding:0; text-decoration:none; position:static;font-size:12px}
.mngame-group ul.lst-mngames{display:block;padding:6px 0 0;margin:0;list-style:none}
ul.lst-mngames li{float:none;background:none}
ul.lst-mngames li a{ color:#363636; display:block;padding:0; font-weight:normal; line-height:normal;font-family:Tahoma,sans-serif}
ul.lst-mngames li a:hover{ color:#53911D }
ul.lst-mngames img.icon-game{ margin-right:7px;vertical-align:-4px }
ul.lst-mngames .ico{ margin-left:5px }
/*new version*/
#sideGameHot {overflow:hidden;}
.sohagame-hot .iconHotGame {vertical-align:-2px;margin-right:5px}
ul.sohagame-lst-menugame li.sohagame-hot > a {display:none}
ul.sohagame-lst-menugame li.sohagame-hot > a:first-child{display:block}
.showGameImage {margin-left:-140px}
.showGameImage a.btnShowImg {color:#fff;border:1px solid #56810c;border-radius:3px;background:url(../images/soha-game-bgGreen.png) 0 0 repeat-x;height:20px;line-height:20px;padding:0 10px;display:block;float:left;text-shadow:0 -1px 0 #56810c;font-weight:bold;margin-top:4px}

/*fix for iframe game*/
.cute-container {height:95%;}
.cute-container .cw-play-game {height:100%}

/*black*/
.sohagame-navtop-full.black {background:url(../images/bg-navtop-black.jpg) repeat-x 0 0;color:#fff}
.sohagame-navtop-full.black .sohagame-soha-logo{ background:url(../images/soha-game-navtop-logo-black.png) no-repeat;}
.black ul.sohagame-lst-menugame li a {color:#b7b7b7}
.black ul.sohagame-lst-menugame li a:hover {color:#fff}
.black .sohagame-listGame {background:#111;border-color:#373a3d;border-top:none}
.black div.mngame-group h2 > a {color:#fec500}
.black .showGameImage a.btnShowImg {color:#fff}
.black .sohagame-navtop .sohagame-box-login {color:#b7b7b7}
.black .sohagame-box-login a {color:#b7b7b7}
.black .sohagame-box-login a:hover {color:#fff}

/*Thông tin tài khoản*/

 .shgMainPU{top:6px;left:-31px;position:absolute;display:block;font-size:13px;font-family:tahoma,sans-serif}

 .shgPopupInfo{width:445px;background:#0a67b5;border-radius:5px;box-shadow: 0 0 20px rgba(78, 78, 78, 0.4);position: absolute;right: -48px;top: 50px;}
 .shgPopupInfo .arrowTop{background:none;height: 0;display:block;position:absolute;top: -59px;right: 30px;border-left: 23px solid transparent;border-right: 23px solid transparent;border-bottom: 23px solid #0a67b5;background: none;width: 0;}
 .shgPopupInfo .shgPopupInfoInner{background:#fff;padding: 15px;margin: 5px;position:relative;}
 .shgPopupInfo .shgPopupInfoInner .lblText{margin:0 0 10px}
 .shgPopupInfo h2.shgTitlePU{color:#fff;font-size:14px;padding: 10px 10px 5px 20px;}
 .shgPopupInfo .shgSuccesText{color:#167232}
	.shgFormPU{}
	.shgFormPU .itemPU{margin:0 0 10px}
	.shgFormPU .itemPU .rightPU{padding:0 0 0 130px}
	.shgFormPU .itemPU .rightPU.error .shgErrorText{display:block}
	.shgFormPU .itemPU .rightPU.error .inputText{border-color:#ff0101}
	.shgFormPU .itemPU .leftPU{width:130px;float:left}
	.shgFormPU .itemPU .leftPU .batbuoc{color:#ff0101}
	.shgFormPU .shgErrorText{color:#ff0101;margin:5px 0 0;display:none}

	.shgFormPU label{font-weight:bold;display:block;margin:5px 0 0;cursor: pointer;}
	.shgFormPU select.shg-combo{border:solid 1px #a8d1e0;padding:1px}
	.shgFormPU select.shg-combo.shgGender{width:65px}
	.shgFormPU select.shg-combo.shgDay,
	.shgFormPU select.shg-combo.shgMonth,
	.shgFormPU select.shg-combo.shgYear{width:65px}
	.shgFormPU select.shg-combo.shgStt,
	.shgFormPU select.shg-combo.shgQueQuan,
	.shgFormPU select.shg-combo.shgNoiCap{width:135px}

	.shgFormPU input.inputText{border:solid 1px #a8d1e0;padding: 3px;font-family:tahoma,sans-serif;font-size:13px;width: 197px;}
	.shgFormPU input.inputText.inputFollow{}
	.shgFormPU button{}

	/*Green*/
	.shgPopupInfo.green{background:#5ba710 !important;}
	.shgPopupInfo.green .arrowTop{background:none;height: 0;display:block;position:absolute;top:-58px;right: 30px;border-left: 22px solid transparent;border-right: 22px solid transparent;border-bottom: 22px solid #5BA710;background: none;width: 0;}
	.shgPopupInfo.green input.inputText,
	.shgPopupInfo.green select.shg-combo{border-color: #7DBC33;}
	.shgPopupInfo.green button.btnBlue span{background:url(../images/bg-btn-green.png) repeat-x;border:solid 1px #346812;font-weight:bold;color:#fff;font-size:11px;padding:0 10px;height:20px;line-height:20px;display:block;cursor: pointer;}

/*popming*/
.soap-login-box .soap-buttons .soap-login {float: left; width: 116px}
.soap-login-box .soap-buttons .soap-login, .soap-login-box .soap-buttons .soap-register {color:#555;line-height: 1em}
.soap-login .soap-button, .soap-register .soap-button {background: url(../images/dang-nhap-dang-ky.png) no-repeat scroll 0 0 transparent;display: block;height: 31px;text-indent: -2000em;width: 90px}
.soap-login-box .soap-buttons .soap-register {float: left;}
.soap-register .soap-button {background-position: 0 -31px}
.soap-login-box .soap-buttons {background-color: #F0F5F8;border: 1px solid #A8D1E0;padding: 13px 0 13px 13px;position: relative}
.soap-login-box { color: #333333;font-family: "lucida grande",tahoma,verdana,arial,sans-serif;font-size: 11px;line-height: 1.4em}
.modal-overlay {position:fixed;top:0; right:0;bottom:0;left:0;height:100%;width:100%;margin:0;padding:0;background:#222;opacity:.75;filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:99991}
.modal-window {position:fixed;top:50%;left:50%;margin:0;padding:0;z-index:99992}
.close-window {position:absolute;width:29px;height:29px;right: 39px;top: -17px;background:transparent url(../images/close-btn.png) no-repeat scroll right top;text-indent:-99999px;overflow:hidden;cursor:pointer;opacity:.5;filter: alpha(opacity=50);-moz-opacity: 0.5;}
.close-window:hover {opacity:.99;filter: alpha(opacity=99);-moz-opacity: 0.99}

/*Menu Profile*/
.shg-menuProfile{display:inline-block;position:relative;height:24px;padding-right: 13px;}
.shg-menuProfile:hover ul.shg-lstmenuProfile{display:block;background:#fff}
	ul.shg-lstmenuProfile {list-style: none;margin: 0;padding: 0;position: absolute;top: 24px;right: -15px;width: 168px;border: solid 1px #d7d7d7;border-top:none;display:none}
	ul.shg-lstmenuProfile li{position:relative}
	ul.shg-lstmenuProfile li .shg-ico{background:url(../images/shg-sprite-ico.png);position:absolute;width:16px;height:16px;display:block;left:10px;top:5px}
	ul.shg-lstmenuProfile li .shg-ico.shg-changePass{background-position:0 0}
	ul.shg-lstmenuProfile li .shg-ico.shg-changeAvatar{background-position:0 -16px}
	ul.shg-lstmenuProfile li .shg-ico.shg-changeInfo{background-position:0 -32px}
	ul.shg-lstmenuProfile li .shg-ico.shg-changeAlert{background-position:0 -48px}
	ul.shg-lstmenuProfile li .shg-ico.shg-scoin{background-position:0 -64px}
	ul.shg-lstmenuProfile li .shg-ico.shg-logout{background-position:0 -80px}
	ul.shg-lstmenuProfile li a {display: block;padding:5px 20px 5px 35px;}
	ul.shg-lstmenuProfile li a:hover {background:#f6f6f6}
	ul.shg-lstmenuProfile li a.shg-link-logout{background:#ececec}
	
	
	.shg-arrow-down {
        background: none;
        height: 0;
        display: block;
        position: absolute;
        top: 5px;
        right: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 5px solid #A7A7A7;
        background: none;
        width: 0;
    }
/*End*/

/*datetime picker*/
.Zebra_DatePicker *                          { margin: 0; padding: 0; color: #666 }
.Zebra_DatePicker                            { position: absolute; background: #373737; border: 3px solid #373737; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: none; z-index: 9999; font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif; font-size: 13px }

/* = GLOBALS
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker table                      { border-collapse: collapse; border-spacing: 0 }

.Zebra_DatePicker td,
.Zebra_DatePicker th                         { text-align: center; padding: 5px 0 }

.Zebra_DatePicker td                         { cursor: pointer }

.Zebra_DatePicker .dp_daypicker,
.Zebra_DatePicker .dp_monthpicker,
.Zebra_DatePicker .dp_yearpicker             { margin-top: 3px }

.Zebra_DatePicker .dp_daypicker td,
.Zebra_DatePicker .dp_daypicker th,
.Zebra_DatePicker .dp_monthpicker td,
.Zebra_DatePicker .dp_yearpicker td         { width: 30px; border: 1px solid #BBB; background: #DEDEDE url('../images/picker/default-date.png') repeat-x top; color: #666 }

/* = HEADER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_header td             { color: #E0E0E0; background: #373737 }

.Zebra_DatePicker .dp_header .dp_previous,
.Zebra_DatePicker .dp_header .dp_next       { width: 30px }

.Zebra_DatePicker .dp_header .dp_caption    { font-weight: bold }
.Zebra_DatePicker .dp_header .dp_hover      { background: #222; color: #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px }
.Zebra_DatePicker .dp_header .dp_blocked    { color: #888; cursor: default }

/* = DATEPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_week_number,
.Zebra_DatePicker .dp_daypicker th          { background: #F1F1F1 url('../images/picker/titles.png') repeat-x top; font-size: 9px; padding-top: 7px }

.Zebra_DatePicker td.dp_weekend_disabled,
.Zebra_DatePicker td.dp_not_in_month        { background: #ECECEC url('../images/picker/disabled-date.png'); color: #B4B3B3; cursor: default }

.Zebra_DatePicker td.dp_weekend             { background: #DEDEDE url('../images/picker/default-date.png') repeat-x top; color: #666 }

.Zebra_DatePicker td.dp_selected            { background: #E26262 url('../images/picker/selected-date.png') repeat-x top; color: #E0E0E0 !important }

/* = MONTHPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_monthpicker td        { width: 33% }

/* = YEARPICKER
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker .dp_yearpicker td         { width: 33% }

/* = SOME MORE GLOBALS (MUST BE LAST IN ORDER TO OVERWRITE PRESIOUS PROPERTIES)
----------------------------------------------------------------------------------------------------------------------*/
.Zebra_DatePicker td.dp_current             { color: #E26261 }
.Zebra_DatePicker td.dp_disabled_current    { color: #E38585 }
.Zebra_DatePicker td.dp_hover               { background: #67AABB url('../images/picker/selected-date.png') repeat-x top; color: #E0E0E0 }
.Zebra_DatePicker td.dp_disabled            { background: #ECECEC url('../images/picker/disabled-date.png') repeat-x top; color: #DDD; cursor: default }

/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
/* = ICON
----------------------------------------------------------------------------------------------------------------------*/
button.Zebra_DatePicker_Icon                { position: absolute; width: 16px; height: 16px; background: url('../images/picker/calendar.png') no-repeat left top;border: none; cursor: pointer; margin: 0 0 0 5px; padding: 0; line-height: 0 }
button.Zebra_DatePicker_Icon_Disabled       { background-image: url('../images/picker/calendar-disabled.png') }
button.Zebra_DatePicker_Icon_Inside         { margin: 0 3px 0 0 }

/* Fix icon position in Chrome & Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button.Zebra_DatePicker_Icon_Inside     { margin: 0 5px 0 0 }
}